
<!DOCTYPE html>
<!--[if IE 8]> 				 <html class="no-js lt-ie9" lang="en" > <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<?php $section = 'Menu mobile' ?>

    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width">
        <title>Tres Bien - Menu mobile</title>  
        <link rel="stylesheet" href="stylesheets/app.css">
        <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
        <script src="javascripts/vendor/custom.modernizr.js"></script>
        <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700' rel='stylesheet' type='text/css'>
    </head>
    <body>

        <!-- nav -->
        <?php include_once './includes/nav-mob.php'; ?>
        <!-- end nav -->

        <section role="contentinfo">
            <div class="mobile-browser">
                <div class="mobile-wrapper"><img src="content/img/iphone.svg" alt="" /></div>
                <div id="overscroll" class="mobile-content"><img src="content/home/home-mobile-menu.jpg" alt="" /></div>
            </div>
            <h2>Al hacer click en el bot&oacute;n de men&uacute; se despliegan hacia abajo los links a las secciones restantes, las redes sociales y los datos de contacto.</h2>
        </section>
        
        <script src="javascripts/jquery.min.js"></script>

        <script src="javascripts/foundation/foundation.js"></script>
        <script src="javascripts/foundation/foundation.topbar.js"></script>

        <script src="javascripts/jquery.overscroll.min.js"></script>

        <script>
            $(document).foundation();
            $(window).load(function() {
                $("#overscroll").overscroll();
            });
        </script>
    </body>
</html>
